<div>
  <div class="modal-header">
      <button class="close" ng-click="cancel()" title="Đóng">×</button>
      <h4 class="modal-title">Thêm diễn viên</h4>
  </div>
  <div class="modal-body">
      <div class="row">
          <div class="col-xs-12">
              <div class="row">
                  <div class="col-xs-12">
                      {{ form('class': 'form-horizontal' , 'id' : 'formSearchSelectAddActor') }}
                      <div class="form-group col-md-12 col-sm-3 col-md-offset-0">
                          <div class="col-md-3">
                              <input type="search" class="form-control input-sm" placeholder="Tên diễn viên">
                          </div>
                          <div class="col-md-3">
                              <select class="form-control input-sm">
                                  <option>Quốc tịch</option>
                                  <option>Việt Nam</option>
                              </select>
                          </div>
                          <div class="col-md-3">
                              <select class="form-control input-sm">
                                  <option>Giới tính</option>
                                  <option>Nam</option>
                                  <option>Nữ</option>
                              </select>
                          </div>
                          <div class="col-md-3">
                              <button type="submit" class="btn btn-xs btn-default" ng-click="searchActor()">Tìm</button>
                          </div>
                      </div>
                      {{ end_form() }}
                  </div>
              </div>
              {{ form('class': 'form-horizontal' , 'id' : 'formSelectActor') }}
              <div id="listSelectActorsVideo">
              <table class="table table-striped table-bordered table-hover">
                  <thead>
                  <tr>
                      <th class="center">
                          <label class="position-relative">
                              <input type="checkbox" class="ace checkSelectActorAll">
                              <span class="lbl"></span>
                          </label>
                      </th>
                      <th>Hình ảnh</th>
                      <th>Tên</th>
                  </tr>
                  </thead>
                  <tbody>
                      {% for item in pager  %}
                          <tr>
                              <td class="center">
                                  <label class="position-relative">
                                      <input type="checkbox" class="ace selectActor" name="selectActor[]" value="{{ item.getId() }}">
                                      <span class="lbl"></span>
                                  </label>
                              </td>
                              <td>{{ item.getName() }}</td>
                              <td>{{ item.getName() }}</td>
                          </tr>
                      {% endfor %}
                  </tbody>
                </table>
                </div>
              {% if pager.haveToPaginate() %}
                  {# Render the navigation #}
                  {{ pager.getLayout() }}
              {% endif %}
              {{ end_form() }}
          </div>
      </div>
  </div>
  <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
      <button type="button" data-loading-text="<i class='ace-icon fa fa-spinner fa-spin white bigger-125'></i>Đang tải..." class="btn btn-primary btnAddActorToVideo">Thêm</button>
  </div>
</div>
